<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卷皮网</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <div class="top-bar-wrapper">
        <div class="top-bar w clearfix">
            <ul>
                <li>
                    <a href="javascript:;">登录</a>
                </li>
                <li>
                    <a class="highlight" href="javascript:;">免费注册</a>
                </li>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">商家入驻</a>
                </li>
                <li>
                    <a href="javascript:;">购物袋</a>
                </li>
                <li>
                    <a href="javascript:;">商家中心</a>
                </li>
                <li>
                    <a href="javascript:;">客户服务</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="header-wrapper">
        <div class="header w clearfix">
            <div class="area">
                <h1>卷皮</h1>
                <div class="search">
                    <input type="text" class="search-text">
                    <span class="iconfont">&#xe605;</span>
                </div>
            </div>
            <ul class="nav">
                <li>
                    <a href="javascript:;">首页</a>
                </li>
                <li>
                    <a href="javascript:;">品牌折扣</a>
                </li>
                <li>
                    <a href="javascript:;">9.9包邮</a>
                </li>
                <li>
                    <a href="javascript:;">即将上线</a>
                </li>
                <li>
                    <a href="javascript:;">手机版</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="banner-wrapper">
        <div class="banner w clearfix">
            <div class="banner-left">
                <dl>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            <span class="iconfont">&#xe61b;</span>
                            女装
                        </a>
                    </dd>
                </dl>
            </div>
            <div class="banner-box">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="./img/./2.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="banner-right">
                <ul>
                    <li class="small">
                        <a href="javascript:;">
                            <img src="./img/r-1.jpg" alt="">
                        </a>
                    </li>
                    <li class="small">
                        <a href="javascript:;">
                            <img src="./img/r-2.jpg" alt="">
                        </a>
                    </li>
                    <li class="small">
                        <a href="javascript:;">
                            <img src="./img/r-3.jpg" alt="">
                        </a>
                    </li>
                    <li class="small">
                        <a href="javascript:;">
                            <img src="./img/r-4.jpg" alt="">
                        </a>
                    </li>
                    <li class="big">
                        <a href="javascript:;">
                            <img src="./img/r-5.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="download">
            <img src="./img/jp-app-index.png" alt="">
        </div>
    </div>
    <div class="goods-wrapper">
        <div class="new w clearfix">
            <div class="new-head">
                <h2>今日新品<span>TODAY'S NEW</span></h2>
                <span>每天10点上新</span>
            </div>
            <ul class="goods-list">
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
                <li>
                    <img src="./img/5f3cf02933b08906d3583c6a_800x800.jpg" alt="">
                    <h3>￥96<h3>
                            <p>简约直筒牛仔裤<span>剩14天</span></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="aside">
        <div>
            <a href="javascript:;">
                我的
            </a>
        </div>
        <div>
            <a href="javascript:;">
                购物袋
            </a>
        </div>
        <div>
            <a href="javascript:;">
                收藏
            </a>
        </div>
        <div>
            <a href="javascript:;">
                优惠卷
            </a>
        </div>
        <div>
            <a href="javascript:;">
                意见反馈
            </a>
        </div>
        <div>
            <a href="javascript:;">
                二维码
            </a>
        </div>
    </div>
</body>

</html>